<HTML>
<HEAD>
<TITLE>MobWrite as a Collaborative Editor (iframe version)</TITLE>
<STYLE type="text/css">
BODY {
  background-color: white;
  font-family: sans-serif;
}
H1, H2, H3 {
  font-weight: normal;
}
</STYLE>
<!--
<SCRIPT SRC="../compressed_mobwrite.js"></SCRIPT>
-->
<SCRIPT SRC="../diff_match_patch_uncompressed.js"></SCRIPT>
<SCRIPT SRC="../mobwrite_core.js"></SCRIPT>
<SCRIPT SRC="../mobwrite_form.js"></SCRIPT>
<SCRIPT SRC="../mobwrite_iframe.js"></SCRIPT>
</HEAD>
<BODY ONLOAD="mobwrite.share('demo_editor_title', 'demo_editor_text');">

<TABLE STYLE="height: 100%; width: 100%">

<TR><TD HEIGHT=1><H1>MobWrite as a Collaborative Editor (iframe version)</H1></TD></TR>

<TR><TD HEIGHT=1><INPUT TYPE="text" ID="demo_editor_title" STYLE="width: 50%"></TD></TR>

<TR><TD><IFRAME NAME="demo_editor_text" SRC="blank_frame.html" STYLE="border: 1px solid" HEIGHT="100%" WIDTH="100%"></IFRAME></TD></TR>

<TR><TD HEIGHT=1>
  Debugging info:
  <BUTTON onClick="alert(mobwrite.shared['demo_editor_text'].getClientHtml())">HTML</BUTTON>
  <BUTTON onClick="alert(encodeURI(mobwrite.shared['demo_editor_text'].getClientText()))">TEXT</BUTTON>
</TD></TR>

</TABLE>

</BODY>
</HTML>
